import defaultSettings from "@/settings";

const { showSettings, fixedHeader, sidebarLogo } = defaultSettings;

const STATE = {
    showSettings,
    fixedHeader,
    sidebarLogo,
    sidebarLogoInfo: {
        title: defaultSettings.sidebarTitle,
        logo: defaultSettings.sidebarLogoImage,
    },
};

const mutations = {
    CHANGE_SETTING: (state, { key, value }) => {
        // eslint-disable-next-line no-prototype-builtins
        if (state.hasOwnProperty(key)) {
            state[key] = value;
        }
    },
};

const actions = {
    changeSetting({ commit }, data) {
        commit("CHANGE_SETTING", data);
    },
};

export default {
    namespaced: true,
    state: STATE,
    mutations,
    actions,
};
